/*
Dark Skin
*/

.menuzord, .menuzord * {
	font-family:"微软雅黑","宋体",Helvetica,Arial,sans-serif;
}

.menuzord{
	width: 100%;
	padding: 0 0px;
	max-width:1320px;
	margin:auto;
	float:none !important;
	background-color: rgba(0, 0, 0, 0.8);
	left: 0;
	right: 0;
	z-index:98;
}

@media (max-width: 768px) {
	.menuzord-menu > li{
		background-color:#1e68b4;
	}
}

/* Brand */

.menuzord-brand{
	margin: 0 !important;
	position:absolute;
	left:0px;
	top:0px;
	height:46px;
	float:left !important;
}

.menuzord-brand img{
	height:46px;
}

@media (max-width: 768px) {

	.menuzord-brand {
		height:46px;
		z-index:999 !important;
	}

	.menuzord-brand img{
	height:50px;
}

}

/* Right alignment */
.menuzord-menu.menuzord-right{
	float: left !important;
}

/* Menu items */
.menuzord-menu > li > a{
	color: #fff;
	padding:15px 16px;
	font-weight:normal;
	border-right:1px solid #6e9ece;
}

.menuzord-menu > li:first-child > a{
	color: #fff;
	padding:15px 16px;
	font-weight:normal;
	border-left:1px solid #6e9ece;
}

.menuzord-menu > li > a:hover{
	background-color: #1e368d;
	font-weight:normal;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #fff;
	background-color: #1e368d;
	font-weight:normal;
}


/* Dropdown */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
	background: #1e368d;
	margin-left:1px;
}



.menuzord-menu ul.dropdown li ul.dropdown > li:first-child > a::before{
	margin-left:1px;
	border:0px;
}


/* Dropdown items */
.menuzord-menu ul.dropdown li a{
	color:#FFF;
	border-bottom:1px solid #395574;
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
	color: #000;
	background-color:#CCC;
}




/* Megamenu */
.menuzord-menu > li > .megamenu{
	background: #34495e;
	color: #ccc;
	border-top: solid 1px #2f4255;
}

/* tabs */
.menuzord-tabs-nav > li > a{
	color: #ccc;
	border: solid 1px #415b75;
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a{
	background: #415b75;
}
.menuzord-tabs-content{
	border: solid 1px #415b75;
}

/* Show/hide button (mobile mode)*/
.menuzord .showhide em{
	background: #ccc;
}

/* Search field */
.menuzord-menu > li.search form:before{
	color: #fff;
}
.menuzord-menu > li.search form input[type="text"]{
	background: #415b75;
	color: #fff;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a,
.menuzord.blue .menuzord-menu > li:hover > a,
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{
	color: #5D9CEC;
}
/* green */
.menuzord.green .menuzord-menu > li.active > a,
.menuzord.green .menuzord-menu > li:hover > a,
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{
	color: #48CFAD;
}
/* red */
.menuzord.red .menuzord-menu > li.active > a,
.menuzord.red .menuzord-menu > li:hover > a,
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{
	color: #FC6E51;
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a,
.menuzord.orange .menuzord-menu > li:hover > a,
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{
	color: #ff853f;
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a,
.menuzord.yellow .menuzord-menu > li:hover > a,
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{
	color: #FFCE54;
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a,
.menuzord.purple .menuzord-menu > li:hover > a,
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{
	color: #AC92EC;
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a,
.menuzord.pink .menuzord-menu > li:hover > a,
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{
	color: #EC87C0;
}

/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li >{
		padding: 12px 20px !important;
		border-color: #3c546c !important;
	}

	.menuzord-responsive .menuzord-menu > li:first-child {
		text-align:right;
	}

	/* Dropdown/megamenu indicators */
	.menuzord-responsive .menuzord-menu li .indicator{
		border-color: #3c546c;
	}

	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.dropdown,
	.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
		background: #34495e;
	}

	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.dropdown li a{
		border-color: #3c546c !important;
	}

	/* Megamenu */
	.menuzord-responsive .menuzord-menu > li > .megamenu{
		border-color: #3c546c !important;
	}

}